<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link type="text/css" rel="stylesheet" href="../css/slideTag/css.css">

</head>

<script language="JavaScript">
<!--
var nTime = 3;
var nFocus= 0;
var bFlag = false;
var aLiTab , aDivTab;
/*自动跳转
function fAutoSwitch(){
	var n = nFocus + 1;
	if(n >=3){
		n = 0;
	}
	if(!bFlag){
		aLiTab[n].onmouseover();
		bFlag = false;
	}
}
*/
window.onload = function(){
	var $ = function($){
		return document.getElementById($);
	};
	aLiTab = $("oUlTab").getElementsByTagName("li");
	aDivTab = [$("oDivTab1") , $("oDivTab2") , $("oDivTab3")];
	for(var i=0;i<aLiTab.length;i++){
		(function(i){
			var t = aLiTab[i];
			t.onmouseover = function(){
				if(nFocus != i){
					aLiTab[nFocus].className = "";
					aDivTab[nFocus].style.display = "none";
					nFocus = i;
					aLiTab[nFocus].className = "on";
					aDivTab[nFocus].style.display = "";
				}
				bFlag = true;
			};
			t.onmouseout = function(){
				bFlag = false;
			};
		})(i);
	}
};
//-->
</script>
</head>
<body>
<table width="542" align="center">
	<tr><td>	      
		<div class="ent_c" align=center>
			
			<div class="bq">
				<ul id="oUlTab">
					<li class="on" ><a href="#">标签一</a></li>
					<li ><a href="#">标签二</a></li>
					<li ><a href="#">标签三</a></li>
				</ul>
			</div>
		
			<!---多窗口操作--->
			<div class="bq_d" id="oDivTab1">
				<div class="bq_n">
					<div class="c4">这是标签一的内容。<br>主要讲解java知识。</div>
				</div>						 
			</div>
							 
			<div class="bq_d" id="oDivTab2" style="display:none">
				<div class="bq_n">
					<div class="c4">这是标签二的内容。<br>主要讲解groovy知识。</div>
				</div>						 
			</div>
			
			<div class="bq_d" id="oDivTab3" style="display:none">
				<div class="bq_n">
					<div class="c4">这是标签三的内容。<br>主要讲解C#知识。</div>
				</div>						 
			</div>
			
		</div>
	</td></tr>		   
</table>			   
</body>
</html>